﻿<div id="main" role="main" ng-controller="UserCtrl" sizeelement>
    <div class="pre-loading" style="display:block;">
        <indicator-shown class="fa-2x" style="color: #2C3742"></indicator-shown> <span class="preloadertext">Loading...</span>
    </div>

    <div id="content" class="fadeWhenChange" style="display:none;" >
        <div class="row">
            <div class="col-xs-12">
                <h1 class="page-title txt-color-blueDark"><i class="fa-fw fa fa-user"></i>User profile</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <ul class="nav nav-tabs tabs-pull-left">
                    <li ng-class="{'active':isTab('info')}">
                        <a href="javascript:;" ng-click="changeTab('info')"><i class="fa fa-lg fa-fw fa-pencil-square-o"></i>Basic info</a>
                    </li>
                    <li ng-class="{'active':isTab('following')}">
                        <a href="javascript:;" ng-click="changeTab('following')"><i class="fa fa-lg fa-fw fa-gear"></i>Following</a>
                    </li>
                    <li ng-class="{'active':isTab('password')}">
                        <a href="javascript:;" ng-click="changeTab('password')"><i class="fa fa-lg fa-fw fa-key"></i>Password</a>
                    </li>
                </ul>
                <div class="col-xs-12" ng-show="isTab('info')">
                    <form class="form-horizontal smart-form userinfoform" name="userinfoform" ng-submit="saveInfo(currentUser)" id="userinfoform">
                    <ng-include src="'scripts/app/views/user/index.profile.html'" onload="onProfileLoad()"></ng-include>
                        </form>
                </div>
                <div class="col-xs-12" ng-show="isTab('following')" style="padding: 25px 14px">
                    <ng-include src="'scripts/app/views/user/index.following.html'"></ng-include>
                </div>
                <div class="col-xs-12" ng-show="isTab('password')">
                    <form class="form-horizontal smart-form userpasswordform" name="userpasswordform" ng-submit="savePassword(passwordModel)">
                    <ng-include src="'scripts/app/views/user/index.password.html'" onload="onPasswordLoad()"></ng-include>
                        </form>
                </div>
            </div>
        </div>

    </div>
</div>
